$(function () {
    let xhr=new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        if (xhr.status === 200 && xhr.readyState === 4) {
            let s=xhr.responseText;
            let t = JSON.parse(s);
            let len=t.list.length;
            for (let i = 0; i < len; i++) {
                let temp="      <li class=\"animated fadeInUp\">\n" +
                    "        <div class=\"hentry\"><span class=\"entry-date hidden-xs\"><span class=\"entry-meta-date\">\n" +
                    "              TA在<time>"+t.list[i].date+"</time>成为我们的一员</span></span>\t\t\t\t\t\t\t\n" +
                    "          <div class=\"row\">\n" +
                    "            <div class=\"col-xs-4 col-sm-3 col-md-3 pull-thumb\">\n" +
                    "              <figure class=\"well\" style=\"padding:5px;\"><img class=\"img-rounded img-home img-responsive attachment-post-thumbnail post-image\" width=\"150\" height=\"150\" src=\""+t.list[i].image+"\" alt=\"\"/></figure>\n" +
                    "            </div>\t\t\t\t\t\t\t\n" +
                    "            <div class=\"col-xs-8 col-sm-9 col-md-9\">\n" +
                    "              <div class=\"hentry-box\">\n" +
                    "                <div class=\"panel panel-default\">\n" +
                    "                  <div class=\"panel-heading\">\n" +
                    "                    <h2 class=\"entry-title\"><a href=\"./person_page.jsp?userId="+t.list[i].userId+"\" tabindex=\"-1\" hidefocus=\"true\">"+t.list[i].name+"</a></h2>\n" +
                    "                  </div>\t\t\t\t\t\t\t\t\t\t\n" +
                    "                  <div class=\"panel-body entry-summary\">\n" +
                    "                    <div class=\"streamContent longText skinBorder\">\n" +
                    "                      <div class=\"streamContentExpansionToggler\"><a class=\"seeMore sp-003 sx-003026 alimaster\" href=\"javascript:\" hidefocus=\"true\"></a></div>\t\t\t\t\t\t\t\t\t\t\t\t\n" +
                    "                      <div class=\"streamContentInner\" style=\"max-height: 2000px; height: 84px;\">"+t.list[i].message+"</div>\n" +
                    "                    </div>\n" +
                    "                  </div>\t\t\t\t\t\t\t\t\t\t\n" +
                    "                  <div class=\"post-info\">\n" +
                    "                    <div class=\"touchAction\"></div>\t\t\t\t\t\t\t\t\t\t\t\n" +
                    "                    <div class=\"author\">"+t.list[i].direction+"</div>\t\t\t\t\t\t\t\t\t\t\t\n" +
                    "                    <div class=\"post-views\">"+t.list[i].session+"级</div>\n" +
                    "                  </div>\n" +
                    "                </div>\n" +
                    "              </div>\n" +
                    "            </div>\n" +
                    "          </div>\n" +
                    "        </div>\n" +
                    "      </li>\n"
                $("#timeline").append(temp);
            }
        }
    };
    xhr.open("GET", "./team_member");
    xhr.send();
});